﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasertTemplates.Master" AutoEventWireup="true" CodeBehind="MediaRoomImg.aspx.cs" Inherits="WebApplication.MediaRoomImg" %>
<%@ Register TagPrefix="uc1" TagName="usermeg" Src="~/UserControl/UserMessageControl.ascx" %>
<%@ Register TagPrefix="uc1" TagName="maintab" Src="~/UserControl/MainTabControl.ascx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript" src="Media/Js/jquery.lightbox-0.5.js"></script>
<link href="Media/Css/jquery.lightbox-0.5.css" rel="Stylesheet" />

<script type="text/javascript">
    $(document).ready(function () {
        //tab2 selected
        //checkTab("t23");
        //show big img
        $('#ImgList .p2 a').lightBox();
        $('#ImgList .showbig').each(function () {
            var self = $(this);
            self.click(function () {
                self.parents("li").find(".p2 img").click();
            })

        });
    })

</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
  <input type="hidden" value="t23" id="pageName" />
 <div class="content-title"><h1>Customer - Media Room</h1></div> 
         <div class="con-nav"><a href="#" class="btn"><span class="ui-icon ui-icon-newwin"></span>Add New Customer</a>
               </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">

<uc1:usermeg ID="usermeg" runat="server" ></uc1:usermeg>        
    <div class="partWrap">
    <uc1:maintab ID="maintab"  runat="server"/>

<div class="clear20"></div>
<p class="upinput"><span>Image</span> | <a href="MediaRoomVideo.aspx">Video</a></p>

<div class="clear10"></div>    
    <ul class="uibtn">
    	<li onClick="javascript:ToggleDocument('wrapToggle')"><%--Add Img--%>Add Image</li>
	</ul>
<div class="clear10"></div> 

<div id="wrapToggle" class="wrapToggle">
<table  border="0" cellspacing="0" cellpadding="0"  >
<tr>
  <td><input type="file" />  
  </td>
  <td>
  <select class="select200" >
    <option>Logo / Trademark</option>
      <%--<option>Branch / Brand Image</option>--%>
        <option>Branch Image</option>
        <option>Brand Logo</option>
        <option>Product Image</option>
  </select>
  </td>
</tr>
<tr>
<td colspan="2">
<span class="red italic">Photo Specifications: Full Size 200pix(W) x 120pix(H); Format JPEG, BMP; File Size: 100KB</span>
</td>
</tr>
</table>

<div class="clear10"></div>


	<table  border="0" cellspacing="0" cellpadding="0" class="btnwrap">
			  <tr>
				<td  class="btnwrapl">
				 <ul class="uibtn">
    	              <li>Save</li>
	             </ul>
				</td>
				<td class="btnwrapr">
				 <ul class="uibtn">
    	           <li >Quit</li>
	              </ul>
				</td>
                <td >
                </td>				
			  </tr>
			</table>
	
	
	</div>
	
	
<div class="clear15"></div>
<p>20 images</p>
<div class="ImgWrap">
<%--<h4 class="title20">Logo / Trademark</h4>
		<ul class="ImgList" id="ImgList">
		  <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image1.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png" class="showbig" />
       
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
        <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
		
		
		
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image1.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png" class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
         <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image2.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"  class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
         <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
			    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image3.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"  class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
         <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image1.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"   class="showbig"  />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
         <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image2.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"  class="showbig"  />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
         <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image3.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"  class="showbig"  />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
         <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
			    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image1.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"  class="showbig"  />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
         <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
		
		</ul>--%>

	
	<%--<h4 class="title20">Branch / Brand Image</h4>--%>
		<%--<ul class="ImgList" id="Ul1">
		  <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image1.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png" class="showbig" />
       
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
        <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
		
		<li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image2.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png" class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
         <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		 
        </li>




		</ul>--%>
        <!--edit by peter 2011-02-24-->
        <h4 class="title20">Logo / Trademark</h4>
		<ul class="ImgList" id="ImgList">

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>


        </ul>


        <h4 class="title20">Branch Image</h4>
        <ul class="ImgList" id="Ul1">

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        </ul>

        <h4 class="title20">Brand Logo</h4>
        <ul class="ImgList" id="Ul3">

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        </ul>


        <h4 class="title20">Product Image</h4>
        <ul class="ImgList" id="Ul2">

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        <li>
        <p class="p2"><a href="photos/image2.jpg" title="Product name <br/> Model No."><img src="Media/Css/images/155_151.jpg" /></a></p>
		<p class="p1">file img name</p>
        <div class="p4"><span class="showbig">View</span> | <span class="editBtnbig">Edit</span></p> | <span class="closeBtnbig" onClick="closePannel('smallImgList')">Delete</span></div>
        </li>

        </ul><!--edit by peter 2011-02-24-->






<%--<h4 class="title20">Product Image</h4>
		<ul class="ImgList" id="Ul2">
		  <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image1.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png" class="showbig" />
       
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
        <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
		
		<li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image2.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png" class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
         <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		 
        </li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image3.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png" class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
         <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image1.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png" class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
         <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image2.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"  class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')">
         <img src="Media/Css/images/editbg.gif" class="editBtnbig" alt="" />
        </div>
		</li>
			    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image3.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"  class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')"></div>
		</li>
		
		</ul>--%>

	
		
</div>
</div>
</asp:Content>
